
html,body{
	width: 100%;
	height: 100%;
}
.contents{
	width: 60%;
	height: 100%;
	/*background-color: blue;*/
	margin: 0px auto;
	border: 1px solid transparent;
}
.main{
	width : 680px;
	/*height: 350px;*/
	/*background-color: red;*/
	margin: 120px auto;
	/*filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5; */
}
.main>p{
	font-size: 22pt;
	font-family: sans-serif;
	color: white;
	
}
.user{
	/*background: url(../img/user.jpg);
	background-size: 250px 80px;*/
	width : 260px;
	height:80px;
	margin: 0 auto;
	border :1px solid transparent; 
}
.user>img{
	width : 260px;
	height : 100px;
}
.log_in{
	width : 500px;
	height:230px;
	/*background-color: red;*/
	margin :-20px auto;
	box-shadow: 0 0 5px #f0f0f0;
	border-radius: 5px;
	border :1px solid transparent; 
}
.box2{
	margin-top: 40px;
}
.box1{
	margin-top: 70px;
}
input{
	margin: 10px;
	transition:all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	border:#C0392B 1px solid;
	border-radius:3px;
	outline:none;
}
input:focus{
	box-shadow:0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow:0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow:0 0 5px rgba(81, 203, 238, 1);
}
a{
	text-decoration:none;
	background:rgba(81, 203, 238, 1);
	color:white;padding: 6px 25px 6px 25px;
	font:14pt;
	border-radius:3px;
	-webkit-transition:all linear 0.30s;
	        transition:all linear 0.30s;

}
a:hover{
	background:#C0392B;
	text-decoration:none;
}
.connect{
	margin-top : 30px;
	margin-left : 20px;
}
.form-horizontal{
	margin-top: 60px;
	padding : 5px;
}
.col-sm-offset-2{
	padding-left: 30%;
	padding-right: 30%;
}

.header{
	font-size: 22pt; 
	width: 20%;
	margin : 100px auto;
}
.icon-user{
	font-size: 30pt;
}
.hr1{
	box-shadow: 0 0 5px #f0f0f0;
	width: 80%;
	color: gray;
	/*margin-top: -10px;*/
}
.hr2{
	box-shadow: 0 0 5px #f0f0f0;
	width: 80%;
	color: gray;
}
.btn-loca{
	margin-left: 40px;
}
.boder{
	margin : 10px auto;
	width: 60%;
}
.adio-inline1{
	margin-left: 20px;
}
.wrong{
	color: red;

}
.btns{
	margin-top: 25px;
}
div.col-sm-3 .wrong{
	text-align: left;
}